* {
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-size: 16px;
}

html,
body,
div[ui-view] {
    height: 100%;
}

.confirm-appointment-container {
    background: #fff;
    width: 100%;
    overflow: hidden;
    height: 100%;
}


/*航班信息开始*/

.flight-infoBox {
    width: 90%;
    margin: 4.375rem auto 0 auto;
    background: #eee;
    overflow: hidden;
    padding: 0 3% 1.25rem 3%;
    height: 8.75rem;
    border-bottom: 0.0625rem solid #999;
}

.flight-info-left {
    width: 60%;
    float: left;
}

.flight-info-right {
    width: 40%;
    float: right;
}

.flight-info-place {
    font-size: 1.875rem;
    color: #333;
    margin-top: 1.5rem;
}

.planeTimeBox {
    overflow: hidden;
    position: relative;
    margin-top: 2.625rem;
}

.planeTimeBox:after {
    content: '';
    width: 1.875rem;
    height: 0.0625rem;
    background: #999;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.9375rem;
}

.plane-star-time,
.plane-end-time {
    font-size: 1.875rem;
    color: #666;
    width: 50%;
    float: left;
    text-align: center;
}


/*航班信息分割线开始*/

.flight-information-line {
    width: 79.73%;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    color: #ccc;
    margin: 5.25rem auto 3.125rem auto;
}

.flight-information-line:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border-top: 2px dashed #ccc;
    height: 0.0625rem;
    width: 33.78%;
}

.flight-information-line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 2px dashed #ccc;
    height: 0.0625rem;
    width: 33.78%;
}


/*航班信息分割线结束*/


/*航班信息结束*/


/*输入个人信息开始*/

.address-list {
    // display: none;
    position: absolute;
    list-style: none;
    font-size: 1.875rem;
    color: #ccc;
    z-index: 9;
    left: 0;
    top: 100%;
    background-color: #fff;
    width: 100%;
    border: 1px solid #ccc;
    box-shadow: 1rem 1rem 1rem #eee;
}

.a-item {
    padding: 0.4rem 1rem;
    border-bottom: 1px solid #eee;
}

.a-item:hover {
    background-color: #ccc;
    color: #fff;
}

.info-entryBox input {
    width: 100%;
    font-size: 1.875rem;
    color: #333;
    outline: none;
    border: none;
    padding: 4rem 0 1.5rem 0;
    border-bottom: 1px solid #ccc;
}

.flight-information-buttomBox {
    width: 79.73%;
    margin: 8.75rem auto;
    /*overflow: hidden;*/
}

.abrogate-appointment {
    float: left;
    background: -ms-linear-gradient(left, #a6a5a5, #b2b1b1, #a6a5a5);
    background: -moz-linear-gradient(left, #a6a5a5, #b2b1b1, #a6a5a5);
    background: -webkit-linear-gradient(left, #a6a5a5, #b2b1b1, #a6a5a5);
    background: -o-linear-gradient(left, #a6a5a5, #b2b1b1, #a6a5a5);
    box-shadow: 0 1.25rem 1.875rem rgba(51, 51, 51, 0.2);
}

.sure-appointment {
    float: right;
    background: -ms-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -moz-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -webkit-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -o-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    box-shadow: 0 1.25rem 1.875rem rgba(153, 51, 0, 0.35);
}

.abrogate-appointment,
.sure-appointment {
    width: 46.82%;
    height: 5.0rem;
    line-height: 5.0rem;
    text-align: center;
    color: #fff;
    font-size: 2.1875rem;
    border-radius: 2.5rem;
}


/*航班信息开始*/

.airplane-other {
    font-size: 1.375rem;
    color: #999;
}

.plane-star-place,
.plane-end-place {
    width: 50%;
    float: left;
    // margin-top: 1.0rem;
    text-align: center;
    font-size: 1.375rem;
    color: #999;
}


/*航班信息分割线结束*/


/*航班信息结束*/


/*输入个人信息开始*/

.info-entryBox {
    width: 79.73%;
    margin: 0 auto;
    position: relative;
    margin-top: 1px;
}

.entryPhoneBox {}

// 
.detail-content {
    min-height: 100%;
    background-color: #fafafa;
    .de-title {
        height: 6.25rem;
        background-color: #eee;
        font-size: 2.25rem;
        text-align: center;
        color: #ff9400;
        line-height: 6.25rem;
    }
}

.detail-box {
    padding: 5.0rem 2.125rem;
}

.detail-title {
    font-size: 2.125rem;
    color: #333;
    position: relative;
    margin-bottom: 3.125rem;
    &:after {
        position: absolute;
        content: "";
        width: 31.75rem;
        border-top: 2px dashed #ccc;
        right: 1.625rem;
        top: 50%;
    }
}

.hb-line1 {
    span {
        display: inline-block;
    }
    span.hb-no {
        font-size: 1.75rem;
        color: #333;
        width: 55%;
    }
    .start-time {
        font-size: 1.875rem;
        color: #333;
        position: relative;
        &:after {
            position: absolute;
            content: "";
            width: 1.875rem;
            top: 50%;
            right: -4rem;
            border-top: 1px solid #333;
        }
    }
    .end-time {
        font-size: 1.875rem;
        color: #333;
        margin-left: 6rem;
    }
}

.hb-line2 {
    font-size: 1.375rem;
    margin-top: 1rem;
    span {
        display: inline-block;
    }
    .start-date {
        color: #666;
        width: 58%;
    }
    .end-address {
        margin-left: 6rem;
    }
}

.appointment-detail {
    margin-top: 5.0rem;
}

.-app-info {
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
    label {
        color: #999;
    }
    label.three-letter {
        letter-spacing: 0.6rem;
    }
    span {
        color: #333;
        margin-left: 2rem;
        position: relative;
        &:after {
            position: absolute;
            content: ":";
            left: -1.5rem;
        }
    }
    .call-phone {
        position: relative;
        width: 2.0rem;
        height: 2.0rem;
        margin-left: 1rem;
        display: inline-block;
        &:after {
            content: "" !important;
            background-image: url("../imgs/phone.png");
            position: absolute;
            width: 2.0rem;
            height: 2.0rem;
            top: 0.3rem;
            left: 0;
            background-size: 100%;
        }
        a {
            position: absolute;
            width: 2rem;
            height: 2rem;
            top: 0.3rem;
            left: 0;
            z-index: 5;
        }
    }
}

.paidaning {
    font-size: 1.875rem;
    margin-bottom: 1.875rem;
    color: #999;
}

.appointment-result {
    margin-top: 3.125rem;
}

.comment-submit {
    text-align: center;
    .submit {
        width: 25.0rem;
        height: 4.75rem;
        line-height: 4.75rem;
        color: #fff;
        margin: 5.875rem auto 7.0rem auto;
        text-align: center;
        font-size: 2.1875rem;
        background: -ms-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        background: -moz-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        background: -webkit-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        background: -o-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        box-shadow: 0 1.25rem 1.875rem rgba(153, 51, 0, 0.35);
        border-radius: 2.375rem;
    }
}

// 
.inquire-appointment-container {
    background: #fff;
    width: 100%;
    height: 100%;
}


/*查询搜索框开始*/

.entry-cardBox {
    width: 79.73%;
    margin: 9.875rem auto 0 auto;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #ccc;
}

.entry-cardBox input {
    width: 100%;
    font-size: 1.875rem;
    color: #ccc;
    outline: none;
    border: none;
}

.look-recordBox {
    width: 51.73%;
    height: 4.75rem;
    line-height: 4.75rem;
    color: #fff;
    margin: 5rem auto 5rem auto;
    text-align: center;
    font-size: 2.1875rem;
    background: -ms-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -moz-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -webkit-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -o-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    box-shadow: 0 1.25rem 1.875rem rgba(153, 51, 0, 0.35);
    border-radius: 2.375rem;
}

.look-result {
    width: 79.73%;
    position: relative;
    text-align: center;
    font-size: 1.25rem;
    color: #ccc;
    margin: 7.0rem auto 3.125rem auto;
}

.look-result:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border-top: 0.0625rem dashed #ccc;
    height: 0.0625rem;
    width: 33.78%;
}

.look-result:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 0.0625rem dashed #ccc;
    height: 0.0625rem;
    width: 33.78%;
}


/*查询搜索框结束*/


/*查询内容开始*/

.look-result-content {
    width: 90%;
    margin: 0 auto;
    background: #eee;
    overflow: hidden;
    padding: 0 3% 2.125rem 3%;
    border-bottom: 0.0625rem solid #ccc;
}

.result-content-title {
    font-size: 1.875rem;
    padding: 1.5625rem 0;
    border-bottom: 0.0625rem solid #ccc;
}

.appointment-locationBox,
.time-slotBox,
.appointment-status {
    float: left;
}

.appointment-locationBox,
.appointment-status {
    width: 25%;
}

.time-slotBox {
    width: 50%
}

.appointment-place {
    font-size: 1.875rem;
    margin-top: 2.25rem;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
}

.appointment-date {
    font-size: 1.375rem;
    color: #999;
    margin-top: 1.25rem;
}

.time-slotBox {
    position: relative;
    overflow: hidden;
}

.appointment-time {
    font-size: 1.875rem;
    color: #666;
    width: 50%;
    float: left;
    text-align: center;
}

.timeBox {
    overflow: hidden;
    position: relative;
    margin-top: 2.25rem;
}

.star-place,
.end-place {
    width: 50%;
    float: left;
    margin-top: 1.25rem;
    text-align: center;
    font-size: 1.375rem;
    color: #999;
}

.timeBox:after {
    content: '';
    width: 1.875rem;
    height: 0.0625rem;
    background: #999;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.9375rem;
}

.appointment-status {
    font-size: 1.875rem;
    color: #333;
    margin-top: 3.125rem;
    background: url('../imgs/back_Assistor.png') no-repeat center right;
    text-align: right;
}

.appointment-status p {
    margin-right: 2.6875rem;
}

// 
.app-list-content {
    min-height: 100%;
    background-color: #fafafa;
    overflow: hidden;
    padding-bottom: 2rem;
}

.app-list {
    .app-item {
        padding-top: 4.375rem;
        width: 100%;
    }
    .app-address {
        font-size: 1.875rem;
        color: #333;
        padding: 0 2.25rem 1.0rem;
    }
    .app-info {
        background-color: #eee;
        height: 8.75rem;
        padding: 0 2.25rem 0rem;
        overflow-x: scroll;
        overflow-y: hidden;
        &::-webkit-scrollbar {
            width: 0;
            height: 0;
            border: 0;
            outline: 0;
        }
    }
    .isCancel {
        overflow: hidden !important;
    }
    .app-scroll-row {
        width: 56.875rem;
    }
    .left {
        display: inline;
        float: left;
        width: 17.5%;
        padding: 1.8rem 0 1.5rem;
    }
    .center {
        margin-top: .5rem;
        width: 40%;
        text-align: center;
        display: inline;
        float: left;
        padding: 1.8rem 0 1.5rem;
    }
    .right {
        display: inline;
        float: left;
        font-size: 1.875rem;
        color: #333;
        line-height: 8.75rem;
        span {
            position: relative;
            width:8rem;
            display: inline-block;
            &:after {
                position: absolute;
                content: ">";
                right: -3rem;
                font-size: 2.5rem;
            }
        }
    }
    .cancel {
        width: 10.0rem;
        display: inline;
        float: right;
    }
    .user-name {
        font-size: 1.875rem;
        color: #666;
    }
    .date {
        font-size: 1.375rem;
        color: #999;
        margin-top: 1rem;
    }
    .center {
        .dates {
            font-size: 1.875rem;
            color: #666;
        }
        .jichangs {
            font-size: 1.375rem;
            color: #999;
            margin-top: 0.5rem;
        }
        .start-time {
            position: relative;
            &:after {
                width: 2.25rem;
                content: "";
                position: absolute;
                border-top: 1px solid #333;
                top: 50%;
                right: -4rem;
            }
        }
        .end-time {
            margin-left: 5rem;
        }
        .end-jc {
            margin-left: 2.5rem;
        }
    }
    .cancel {
        font-size: 1.875rem;
        color: #fafafa;
        background-color: #f06102;
        text-align: center;
        line-height: 8.75rem;
        height: 8.75rem;
        position: relative;
        width: 10rem;
        display: inline;
        float: right;
    }
}

.city-page {
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 33;
    min-height: 41.6875rem;
}

.city-sel-container {
    color: #666;
    font-size: 1.875rem;
}

.city-sel-fix {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    font-size: 1.5rem;
    background-color: white;
    z-index: 9;
}

.city-sel-loc {
    height: 9.375rem;
    background-color: #fafafa;
}

.city-sel-loc>div:first-child {
    padding: 1.875rem 2.875rem 1.625rem;
}

.city-sel-loc>div:nth-child(2) {
    color: #f06102;
    padding-left: 5.625rem;
}

.city-sel-tab {
    height: 5.625rem;
    line-height: 5.625rem;
    box-shadow: 0 1px 0.625rem rgba(0, 0, 0, 0.25);
    padding-bottom: 0.25rem;
}

.city-sel-tab>div {
    width: 50%;
    float: left;
    font-size: 1.75rem;
    text-align: center;
    border-bottom: 0.25rem transparent solid;
}

.city-sel-tab>div.active {
    border-bottom: 0.25rem #ff6600 solid;
}

.city-sel-tab .line {
    width: 1px;
    height: 2.5rem;
    background-color: #d9d9d9;
    position: absolute;
    top: 1.5625rem;
    left: 50%;
}

.city-sel-model-sec {
    margin-top: 15.34rem;
}

.city-sel-model-sec>div {
    border-top: 1px #eee solid;
    position: relative;
}

.city-sel-number {
    font-size: 1.5rem;
    color: #333;
    height: 3.125rem;
    line-height: 3.125rem;
    background-color: #fafafa;
    padding-left: 1.5rem;
}

.city-sel-model {
    padding: 0 2.875rem;
}

.city-sel-model>div {
    width: 100%;
    height: 5.625rem;
    line-height: 5.625rem;
    border-bottom: 1px #eee solid;
    font-size: 1.875rem;
}

.city-sel-abc {
    position: fixed;
    top: 7.5rem;
    right: 1.5rem;
    width: 1.5rem;
    z-index: 10;
}

.city-sel-abc a {
    color: #ff6600;
    font-size: 1.125rem;
    margin: 0.5rem 0;
    text-decoration: none;
    display: block;
}

.anchor {
    position: absolute;
    top: -15.34rem;
    left: 0;
}

// 
// 
.cancel-content {
    padding: 0 4.625rem;
    background-color: #fafafa;
    height: 100%;
}

.cancel-title {
    padding-top: 8.75rem;
    text-align: center;
    font-size: 1.5rem;
    color: #ccc;
    span {
        position: relative;
        &:before {
            position: absolute;
            content: "";
            width: 12.5rem;
            border-top: 2px dashed #ccc;
            left: -16.25rem;
            top: 50%;
        }
        &:after {
            position: absolute;
            content: "";
            width: 12.5rem;
            border-top: 2px dashed #ccc;
            right: -16.25rem;
            top: 50%;
        }
    }
}

.cancel-items {
    display: table;
    clear: both;
    margin-top: 4.375rem;
    .c-item {
        float: left;
        width: 17.5rem;
        margin-bottom: 3.75rem;
        height: 5.0rem;
        background-color: #fff;
        border: 1px #666 solid;
        font-size: 2.1875rem;
        color: #666;
        border-radius: 2.5rem;
        text-align: center;
        line-height: 5.0rem;
        display: inline-block;
    }
    .isselect {
        background-color: #ff9400;
        color: #fff;
        border: 1px #ff9400 solid;
        outline: 0;
    }
    .c-item.cancel {
        background-color: #ff9400;
        color: #fff;
        border: 1px #ff9400 solid;
    }
    .c-item:nth-child(2n) {
        margin-left: 2.3rem;
    }
}

.cancel-reason textarea {
    margin-top: 1.5rem;
    height: 12.5rem;
    width: 100%;
    border: 1px #ccc solid;
    background-color: #fff;
    font-size: 1.75rem;
    color: #ccc;
    padding: 1.375rem 1.25rem;
    border-radius: .625rem;
    box-sizing: border-box;
}

.cancel-submit {
    text-align: center;
    .submit {
        width: 25.0rem;
        height: 4.75rem;
        line-height: 4.75rem;
        color: #fff;
        margin: 5.875rem auto 7.0rem auto;
        text-align: center;
        font-size: 2.1875rem;
        background: -ms-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        background: -moz-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        background: -webkit-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        background: -o-linear-gradient(left, #ff6500, #ff9900, #ff6500);
        box-shadow: 0 1.25rem 1.875rem rgba(153, 51, 0, 0.35);
        border-radius: 2.375rem;
    }
}

// 
// 
.content {
    width: 100%;
    height: 100%;
    background-color: #eee;
    font-size: 16px;
    font-family: "微软雅黑";
}

.anchorBL {
    display: none;
} //隐藏百度地图的logo
.ongoing {
    margin: 0 4%;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 0.5rem #ccc;
    width: 92%;
    min-height: 50%;
    background-color: #fff;
    border-radius: 0.5rem 0.5rem 0 0;
    transition: all 1s;
    box-sizing: border-box;
    .action-top {
        width: 5rem;
        height: 5rem;
        border-radius: 50%;
        content: "^";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -2.3rem;
        background-color: #fff;
        text-align: center;
        line-height: 3rem;
        font-size: 1.6rem;
        z-index: -1;
        img{
            width:1rem
        }
    }
}

.hide-ongoing {
    transform: translateY(100%);
}

.time-driver-arrive {
    background-color: #fff;
    font-size: 1.8rem;
    color: #666;
    padding: 1rem 1.875rem 0;
}

.plan-time {
    margin-left: 1.0rem;
    font-size: 1.8rem;
    color: #333;
}

.og-statu {
    line-height: 4.5rem;
    color: #ff9900;
    font-size: 1.95rem;
    text-align: center;
    background-color: #eee;
    margin-top: 1rem;
}

.driver-info {
    padding: 1rem 1.875rem 0;
    .sure-appointment {
        width: 46.82%;
        height: 5.5rem;
        line-height: 5.5rem;
        text-align: center;
        color: #fff;
        font-size: 2rem;
        border-radius: 1.25rem;
        margin: 1.5rem auto;
        float: none;
    }
}

.d-info {
    font-size: 2rem;
    color: #333;
    position: relative;
    margin-bottom: 0.75rem;
    &:after {
        position: absolute;
        width: 75%;
        margin-left: 0.8rem;
        color: #ccc;
        border-top: 1px dashed #ccc;
        top: 50%;
        content: "";
    }
}

.d-row {
    font-size: 1.95rem;
    line-height: 3.5rem;
    label {
        color: #999;
        width: 9.6rem;
        position: relative;
        display: inline-block;
        &:after {
            content: " :";
            position: absolute;
            left: 9.4rem;
        }
    }
    span {
        color: #333;
        margin-left: 1.5rem;
        position: relative;
    }
}

.car-no-label {
    letter-spacing: 0.55rem;
}

/* span.car-no {
    margin-left: 0.5rem;
} */

.call-phone {
    position: relative;
    width: 1.0rem;
    height: 1.0rem;
    &:after {
        content: "" !important;
        background-image: url("../imgs/phone.png");
        background-size: 100%;
        position: absolute;
        width: 2rem;
        height: 2rem;
        background-size: 100%;
        top: 0.2rem;
    }
    a {
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: 0.2rem;
        z-index: 5;
    }
}

// 
// 
.check-flight-container {
    background: #fff;
    width: 100%;
    min-height: 83.375rem;
    overflow: hidden;
}

.app-shenhei {
    height: 5.0rem;
    width: 100%;
    background-color: #f8f4ec;
    text-align: center;
    line-height: 5rem;
    span {
        font-size: 1.5rem;
        color: #ff9900;
        position: relative;
        &:before {
            position: absolute;
            content: "";
            background-image: url("../../imgs/question.png");
            background-size: 100%;
            width: 1.875rem;
            height: 1.875rem;
            left: -2.625rem;
            top: 50%;
            transform: translateY(-50%);
        }
    }
}

.entry-passportBox {
    width: 79.73%;
    margin: 0 auto;
    padding-bottom: 1.5rem;
}

#ArriveStationName {
    width: 100%;
    font-size: 1.875rem;
    color: #aaa;
    outline: none;
    border: 0;
    padding-bottom: 1.875rem;
    border-bottom: 0.0625rem solid #ccc;
    padding-top: 4.375rem;
}

.entry-passportBox input {
    width: 100%;
    font-size: 1.875rem;
    color: #aaa;
    outline: none;
    border: 0;
    padding-bottom: 1.875rem;
    border-bottom: 0.0625rem solid #ccc;
    padding-top: 4.375rem;
    background-color: transparent !important;
}

#appSearchDate {
    position: relative;
    &:after {
        content: "";
        position: absolute;
        background-image: url("../../imgs/arrow_right.png");
        background-size: 100%;
        width: 1.0625rem;
        height: 1.875rem;
        right: 0;
        top: 60%;
    }
}

#scan-box {
    position: relative;
    .scan-ico {
        content: "";
        position: absolute;
        background-image: url("../../imgs/scan.png");
        background-size: 28%;
        width: 9.0625rem;
        height: 7.0625rem;
        right: -50px;
        bottom: .5rem;
        background-repeat: no-repeat;
        background-position: 50% 83%;
    }
}

.departureInfo-line {
    width: 79.73%;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    color: #ccc;
    margin: 7.0rem auto 3.125rem auto;
}

.departureInfo-line:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    border-top: 2px dashed #ccc;
    height: 0.0625rem;
    width: 33.78%;
}

.departureInfo-line:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 2px dashed #ccc;
    height: 0.0625rem;
    width: 33.78%;
}


/*航班信息开始*/

.departure-content {
    margin-top: 4.375rem;
    width: 100%;
}

.departure-infoBox {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
    padding: 0 3% 1.25rem 3%;
}

.departure-infoBox:nth-child(odd) {
    background: #eee;
}

.departure-infoBox:nth-child(even) {
    background: #fff;
}

.departure-infoBox:last-child {
    border-bottom: 0.0625rem solid #999;
}

.departureInfo-left {
    width: 25%;
    float: left;
}

.departureInfo-right {
    width: 25%;
    float: right;
}

.departureInfo-center {
    width: 50%;
    float: left;
}

.departureInfo-place {
    font-size: 1.875rem;
    color: #333;
    margin-top: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* IE/Safari */
    -ms-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* Opera */
}

.departureInfo-other {
    font-size: 1.375rem;
    color: #999;
    margin-top: 0.625rem;
}

.departureTimeBox {
    overflow: hidden;
    position: relative;
    margin-top: 2.625rem;
}

.departureTimeBox:after {
    content: '';
    width: 1.875rem;
    height: 0.0625rem;
    background: #999;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.9375rem;
}

.departure-star-time,
.departure-end-time {
    font-size: 1.875rem;
    color: #666;
    width: 50%;
    float: left;
    text-align: center;
}

.departure-star-place,
.departure-end-place {
    width: 50%;
    float: left;
    margin-top: 1.0rem;
    text-align: center;
    font-size: 1.375rem;
    color: #999;
}

.departureInfo-right {
    position: relative;
    font-size: 1.875rem;
    text-align: center;
}

.departureInfo-right:before {
    content: '';
    position: absolute;
    left: 0;
    top: 30%;
    width: 0.0625rem;
    height: 6.125rem;
    background: #ccc;
}

.departureInfo-right p {
    float: right;
    text-align: center;
    height: 5.25rem;
    line-height: 5.25rem;
    margin-top: 2.625rem;
    width: 90%;
}

.appointmentNow {
    color: #fff;
    border-radius: 2.625rem;
    background: -ms-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -moz-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -webkit-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    background: -o-linear-gradient(left, #ff8d00, #ff9200, #ff8d00);
    box-shadow: 0 1.25rem 1.875rem rgba(153, 51, 0, 0.35);
}

.cannotAppointment {
    color: #999;
}

.no-data {
    color: #aaa;
    font-size: 1.6rem;
    text-align: center;
    .no-data-words{
        margin-top: 1rem;
    }
}

.shuoming {
    padding: 3.125rem 2rem 0.625rem;
    font-size: 1.375rem;
}

.shuoming-title {
    color: #333;
    margin-bottom: 1.5rem;
}

.shuoming-item {
    color: #666;
    margin-bottom: 0.5rem;
    margin-left: 1.7rem;
    position: relative;
    &:before {
        position: absolute;
        content: "";
        width: .5rem;
        height: .5rem;
        background-color: #999;
        transform: rotate(45deg) translateY(-50%);
        left: -1.875rem;
        top: 50%;
    }
}

// choose_banner.png
.choose-content {
    height: 100%;
    background-color: #fafafa;
}

.choose-banner {
    background-image: url("../../imgs/choose_banner.png");
    background-size: 100%;
    height: 21.25rem;
    margin-top: 1.25rem;
}

.choose-title {
    margin: 7.0rem 3.125rem 5.75rem;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    color: #ccc;
    &:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        border-top: 2px dashed #ccc;
        height: .0625rem;
        width: 33.78%;
    }
    &:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        border-top: 2px dashed #ccc;
        height: .0625rem;
        width: 33.78%;
    }
}

.choose-app {
    width: 26.25rem;
    height: 5.75rem;
    background-color: #fff;
    text-align: center;
    line-height: 5.75rem;
    font-size: 2.25rem;
    position: relative;
    border: 1px #333 solid;
    border-radius: 2.875rem;
    margin: 0 auto;
    &:before {
        position: absolute;
        content: "";
        background-size: 100%;
        width: 3.125rem;
        height: 2.875rem;
        top: 50%;
        transform: translateY(-50%);
        left: 6rem;
    }
    &:after {
        position: absolute;
        content: "送机预约";
        right: 6rem;
    }
}

.choose-app.songji {
    &:before {
        background-image: url("../../imgs/c_up_b.png");
        background-size: 100%;
    }
    &:after {
        content: "送机预约";
    }
    &:hover {
        color: #d58516;
        border: solid 1px #d58516;
        &:before {
            background-image: url("../../imgs/c_up_w.png");
            background-size: 100%;
        }
        &:after {
            color: #d58516;
        }
    }
}

.choose-app.jieji {
    margin-top: 6.125rem;
    &:before {
        background-image: url("../../imgs/c_down_b.png");
        background-size: 100%;
    }
    &:after {
        content: "接机预约";
    }
    &:hover {
        color: #d58516;
        border: solid 1px #d58516;
        &:before {
            background-image: url("../../imgs/c_down_w.png");
            background-size: 100%;
        }
        &:after {
            color: #d58516;
        }
    }
}

.introduce {
    padding: 0 2rem;
}

.intro-header {
    text-align: center;
    .intro-titile {
        font-size: 2.0rem;
        color: #333;
        margin-top: 4.25rem;
        line-height: 2.875rem;
        padding-bottom: 2.5rem;
    }
    .lingxing {
        height: 0.625rem;
        width: 0.625rem;
        transform: rotate(45deg);
        border: 1px solid #ccc;
        margin: 0 auto;
    }
    .fenge-line {
        position: relative;
        &:before {
            width: 19.375rem;
            left: 22.75rem;
            position: absolute;
            content: "";
            top: 50%;
            border: 1px dashed #ccc;
        }
        &:after {
            width: 19.375rem;
            right: 22.75rem;
            position: absolute;
            content: "";
            top: 50%;
            border: 1px dashed #ccc;
        }
    }
    .intro-small-title {
        color: #ff9900;
        font-size: 1.875rem;
        margin-top: 3.5rem;
        margin-bottom: 2rem;
    }
}

.intros {
    font-size: 1.5rem;
    color: #666;
    list-style: none;
    margin-left: 1rem;
    li {
        position: relative;
        padding-left: 1.5625rem;
        &:before {
            position: absolute;
            content: "";
            width: 10px;
            height: 10px;
            transform: rotate(45deg) translateY(-50%);
            left: -0.5rem;
            background-color: #666;
            top: 18px;
        }
        a {
            color: #f06102;
        }
    }
}

.intro-tiaojian {
    font-size: 1.75rem;
    color: #333;
    margin: 3.0rem 0 2.0rem;
}

.intro-content {
    padding-bottom: 1.5rem;
}

// dialog
.bw-dialog {
    position: fixed;
    z-index: 1000;
    width: 101%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    .dialog-body {
        position: fixed;
        z-index: 5000;
        width: 60%;
        // max-width: 300px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #FFFFFF;
        text-align: center;
        border-radius: 3px;
        overflow: hidden;
    }
    .dialog-content {
        font-size: 1.5rem;
        text-align: center;
        padding: 1.5rem;
    }
    .dialog-footer {
        text-align: center;
        border-top: 1px solid #333;
        height: 3.0rem;
        padding: 1.25rem;
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

textarea[disabled] {
    background-color: #f0efef !important;
}

.bw-toast {
    position: fixed;
    z-index: 1000;
    width: 101%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.bw-toast .toast-body {
    position: fixed;
    z-index: 5000;
    min-width: 150px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.7);
    animation: doudong 1s 0s ease forwards;
}

.bw-toast .toast-content {
    font-size: 1.5rem;
    text-align: center;
    padding: 1.5rem;
    color: #fff;
    border-radius: 8px;
}

@keyframes doudong {
    0%,
    10% {
        transform: translate(-48%, -50%);
    }
    5%,
    15% {
        transform: translate(-52%, -50%);
    }
    20% {
        transform: translate(-50%, -50%);
    }
}

[ng-cloak] {
    display: none;
}

.bw-btn {
    line-height: 50px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 8px 15px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.bw-btn-yellow {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.no-more{
    text-align: center;
    font-size: 1.5rem;
    padding: 0.5rem;
}
.showNoData{
    text-align: center;
    font-size: 1.6rem;
    width:100%;
    color:#aaa;
    line-height: 3rem;
    img{margin-top:20%}
}